table,
tbody,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: none;
  border-collapse: collapse;
}

$listsTitleFontSize: 14px;
$listsTextFontSize: 12px;

$listsTitleXL: 48px;
$listsTextXL: 32px;
$listsTitleMD: 40px;
$listsTextMD: 32px;
$listsTitleSM: 32px;
$listsTextSM: 26px;

$listsEvenColor: #dfe5eb;
$listsOddColor: #ffffff;

table.list-table,
table.lists-xl {
  width: 100%;
  margin-top: 16px;
}

table.list-table thead,
table.lists-xl thead {
  background-color: $White;
}

table.list-table:hover,
table.lists-xl:hover {
  cursor: pointer;
}

table.list-table th,
table.list-table td,
table.lists-xl th,
table.lists-xl td {
  padding: 0 8px;
}

table.list-table .odd,
// table.list-table tbody tr:nth-child(odd),
table.lists-xl .table-content:nth-child(odd) {
  background-color: $White;
}

table.list-table .even,
// table.list-table tbody tr:nth-child(even),
table.lists-xl .table-content:nth-child(even) {
  background-color: $listsEvenColor;
}

table.list-table .odd:hover,
table.list-table .even:hover,
table.list-table .overtime:hover,
// table.list-table tbody tr:hover,
table.lists-xl .table-content:hover {
  background-color: $Primary_lightest;
}

table.list-table .odd.active,
table.list-table .even.active,
table.lists-xl .table-content.active {
  background-color: $Primary_lighter;
}

table.list-table th,
table.lists-xl th {
  height: $listsTitleXL;
  text-align: left;
  border-top: 1px solid $Gray_lighter;
  border-bottom: 1px solid $Gray_lighter;
  font-size: $listsTitleFontSize;
}

table.list-table td,
table.lists-xl td {
  height: $listsTextXL;
  font-size: $listsTextFontSize;
  // border-bottom: 1px solid $Gray_lighter;
}
